<template>
  <div class="profile">
    <el-avatar :size="150" shape="square" :src="stuForm.headimgurl"></el-avatar>
    <el-descriptions title="学员资料">
      <el-descriptions-item label="姓名">{{
        stuForm.name
      }}</el-descriptions-item>
      <el-descriptions-item label="班级">{{
        stuForm.class
      }}</el-descriptions-item>
      <el-descriptions-item label="年龄">{{
        stuForm.age
      }}</el-descriptions-item>
      <el-descriptions-item label="居住地">{{
        stuForm.city
      }}</el-descriptions-item>
      <el-descriptions-item label="学历">{{
        stuForm.degree
      }}</el-descriptions-item>
      <el-descriptions-item label="项目地址">{{
        stuForm.productUrl
      }}</el-descriptions-item>
      <el-descriptions-item label="自我评价">{{
        stuForm.productUrl
      }}</el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script>
import { mapState } from "vuex";

export default {
  computed: {
    ...mapState(["currentRow"]),
  },

  data() {
    return {
      stuForm: {
        name: "",
        productUrl: "",
        headimgurl: "",
        class: "",
        age: "",
        city: "",
        degree: "",
        description: "",
      },
    };
  },
  mounted() {
    console.log(this.currentRow, 9999);
    console.log(this.stuForm);
    this.stuForm = this.currentRow;
  },
};
</script>

<style></style>
